
<template>
<el-button type="primary" plain size="medium" @click="dialogTableVisible = true">查看记录</el-button>
<el-dialog title="索赔记录" v-model="dialogTableVisible">
  <el-table :data="gridData">
    <el-table-column property="date" label="申请日期" width="200"></el-table-column>
    <el-table-column property="id" label="订单号" width="250"></el-table-column>
     <el-table-column
      prop="tag"
      label="状态"
      width="150"
      >
      <template #default="scope" >
        <el-tag type="success">申请成功</el-tag>
       
      </template>
    </el-table-column>
  </el-table>
</el-dialog>


</template>

<script>
  export default {
    data() {
      return {
        gridData: [{
          date: '2016-05-02',
          id: '12345678',
          tag:'0',
        }, {
          date: '2016-05-04',
          id: '12345670',
          tag:'1'
        }, {
          date: '2016-05-01',
          id: '12332463',
          tag:'1'
        }, {
          date: '2016-05-03',
          id: '21343124',
          tag:'1'
        }],
        dialogTableVisible: false,
        dialogFormVisible: false,
  };
   }
}
</script>
<style scoped>
.el-button--primary {
  color: #FFF;
  background-color:rgb(166,196,227);
  border-color:rgb(190,211,235);
}
</style>